# Thumbnail View Plugin

## Overview
This is a view to display a list in thumbnail format.

## Pre-requisites
*ServiceAPI Plugin*
Thumbnail View [Plugin](/SourceControl/latest#ThumbnailViewPlugin/readme.md)


## Installation
To install this plugin:
  1. Install the ServiceAPI Thumbnail plugin
  2. Save ThumbnailList.cshtml to a folder below the WebDrawer Views folder.
  3. Add a route to WebDrawer hptrim.config (see below).
  4. Add a link to the new view, see example below.

## Thumbnail Route  
```
<add
 name="Images"
 model="Records"
 template="ThumbnailList"
 properties="RecordTitle"
 filter="recExtension:PNG,GIF,JPEG,JPG"
 pageSize="30"
/>
```
## Link
```
<li>
    <a class="@menuClass("record")" href="~/Images?q=none">
        <span>Images<img src="~/images/Search_blue_16.png" alt="Images" /></span>
    </a>
</li>
```
